<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/includes/common.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
		<link rel="icon" type="image/x-icon" href="http://ue3.17173.itc.cn/images/lib/v1/favicon.ico">
		<link rel="shortcut icon" type="image/x-icon" href="http://ue3.17173.itc.cn/images/lib/v1/favicon.ico">
		<link href="http://ue1.17173.itc.cn/lib-v1/reset-1.0.0&amp;master-1.0.0.min.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="http://ue1.17173.itc.cn/2011/17173my/css/mod.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="http://ue1.17173.itc.cn/2011/17173my/css/common.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="http://ue1.17173.itc.cn/2011/17173my/css/common-right.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="${ctx }/css/preview/app-qiangba-update.css" rel="stylesheet" type="text/css" />
		<link href="${ctx }/css/preview/disk/app-qiangba-disk.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://ue8.17173.itc.cn/cache/lib/v1/jquery-1.4.min.js "></script>
		<title>抢吧-摇奖预览</title>
	</head>
	<body>
		<div id="wrapper">
			<div id="wrapper-">
				<div id="wrapper-bottom">
					<div id="sohu-tool">
			            <div class="tool-con">
			            	<div class="logo"><h1 class="hf">玩家中心</h1></div>
			                <div class="logo-my17173"><h2 class="hf">my.17173.com</h2></div>
			                <div id="sohu-nav-pz">
			                	<a href="javascript:void(0);" target="_blank">玩家商城</a>
			                	<a href="javascript:void(0);" target="_blank">邮箱</a>
								<a href="javascript:void(0);" target="_blank">17173首页</a>
			                	<a href="javascript:void(0);" target="_blank">帮助</a>
			                </div>
			                <div id="sohu-assist">
			                	<a href="javascript:void(0);">注册</a>|<a href="javascript:void(0);">登录</a>
			                </div>
			            </div>
	            		<div class="trans-bg">&nbsp;</div>
			            <!-- 我的下拉选项 -->
			            <div id="mine-list-box" class="set-list-box" style="display:none;">      
			                <ul class="set-list">
			                    <li><a href="javascript:void(0);">活动奖品</a></li>
			                    <li><a href="javascript:void(0);">G币财富</a></li>
			                    <li><a href="javascript:void(0);">经验等级</a></li>
			                </ul>
			            </div><!--end .set-list-box-->
						<!-- 我的下拉选项   end-->
			            <!-- 设置下拉选项 -->
			            <div id="setting-list-box" class="set-list-box"  style="display:none;">      
			                <ul class="set-list">
			                    <li><a href="javascript:void(0);">修改头像</a></li>
			                    <li><a href="javascript:void(0);">个人信息</a></li>
			                    <li><a href="javascript:void(0);">联系信息</a></li>
			                    <li><a href="javascript:void(0);">账号管理</a></li>
			                </ul>
			            </div>
			            <!--end .set-list-box-->
						<!-- 设置下拉选项 end-->
	        		</div>
			        <div id="header">
			        	<div id="nav" >
			            	<div class="nav-con" >
			                	<a href="javascript:void(0);">功能中心</a><a href="javascript:void(0);"  class="SQN02-H">游戏动态</a>
			                </div>
			            	<div class="trans-bg">&nbsp;</div>
			            </div>
			        </div>
			        <!--end #header--> 
			        <div id="main" class="mod-main">
			        	<div class="main-con clearfix_2">
			                <div class="main-con-left fl">
                    			<ul class="sohu-quick-nav cb clearfix_2">
                    				<li class="SQN01">
                    					<a href="javascript:void(0);" >
	                    					<span class="sqn-ico-01">&nbsp;</span>
	                    					<span>玩转玩家中心</span>
                    					</a>
                    				</li>
                    				<li class="SQN15">
                    					<a href="javascript:void(0);">
                    						<span class="sqn-ico-15">&nbsp;</span>
                    						<span>功能中心</span>
                    					</a>
                    				</li>
                   					<li class="SQN02">
										<a href="javascript:void(0);" >
											<span class="sqn-ico-02">&nbsp;</span>
											<span>游戏动态</span>
										</a>
									</li>
                    				<li class="SQN03">
                    					<a href="javascript:void(0);">
                    						<span class="sqn-ico-03">&nbsp;</span>
                    						<span>通知</span>
                    					</a>
                    				</li>
                    				<!--   <li class="SQN04"><a href="#" target="_blank"><span class="vlog-ico"></span><span>视频</span></a></li>  -->
                    			</ul>
                    			<div class="line02">&nbsp;</div>
                    			<ul class="sohu-quick-nav cb clearfix_2 sqne-hide" id="sohu-quick-nav-expand">
									<li class="SQN5">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-10.gif" />
											</span>
											<span>抢吧</span>
										</a>
									</li>
									<li class="SQN6">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-11.gif" />
											</span>
											<span>秒杀</span>
										</a>
									</li>
									<li class="SQN7">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-08.gif" />
											</span>
											<span>活动大厅</span>
										</a>
									</li>
									<li class="SQN8">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-07.gif" />
											</span>
											<span>发号中心</span>
										</a>
									</li>
									<li class="SQN9">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-06.gif" />
											</span>
											<span>G币商城</span>
										</a>
									</li>
									<li class="SQN10">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-14.gif" />
											</span>
											<span>帮助中心</span>
										</a>
									</li>
									<li class="SQN11">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-12.gif" />
											</span>
											<span>一键分享</span>
										</a>
									</li>
									<li class="SQN12">
										<a href="javascript:void(0);" >
											<span class="sqn-ico">
												<img src="http://ue1.17173.itc.cn/2011/17173my/images/ico/sqn-ico-09.gif" />
											</span>
											<span>游戏工具</span>
										</a>
									</li>
                    			</ul>
                			</div>
                			<!--end .main-con-left-->
                			<div class="main-con-right fr" id="main-con-right">
				<div id="app-act" class="app-act">
					<div class="mod my-tool-tab-nav">
						<div class="hd">
							<h2 class="mod-title">抢吧</h2>
							<ul class="my-tool-tab">
								<li>
									<a href="javascript:void(0);">活动列表</a>
								</li>
								<li>
									<a href="javascript:void(0);">我的抢吧</a>
								</li>
							</ul>
						</div>
						<div class="bd">&nbsp;</div>
					</div>
					<!-- begin update -->
					<div class="play-disk-wrapper">
						<div class="mod-wrapper">
							<div class="mod-hd mb10">
								<div class="top-box">
									<a href="javacript:void(0);"><img src="${active.image2 }" width="760" height="160" />
									<h5>${active.activeName }</h5>
									</a>
								</div>
							</div>
							<div class="mod-bd">
								<div class="content">
									<div class="play-disk clearfix">
										<div class="play-main fl">
											<div class="i-disk">
												<div class="implant-wrapper">
											<div id="disk" class="disk-wrapper i-disk disk-450">
												<div class="box-disk box-disk-tp">
													<i class="box-disk-edge tp-left">&nbsp;</i>
													<i class="box-disk-edge tp-right">&nbsp;</i>
												</div>
												<div class="box-disk-cont">
													<div class="table-wrapper">
														<table>
															<tbody>
																<tr>
																	<td>
																		<img src="${jiuGongGeEx0.awardImage }">
																		<span>${jiuGongGeEx0.awardName }</span>
																	</td>
																	<td>
																		<img src="${jiuGongGeEx1.awardImage }">
																		<span>${jiuGongGeEx1.awardName }</span>
																	</td>
																	<td>
																		<img src="${jiuGongGeEx2.awardImage }">
																		<span>${jiuGongGeEx2.awardName }</span>
																	</td>
																</tr>
																<tr>
																	<td>
																		<img src="${jiuGongGeEx7.awardImage }">
																		<span>${jiuGongGeEx7.awardName }</span>
																	</td>
																	<td class="disk-btn-center">
																		<span class="disk-btn disk-btn-start link hand" id="disk-start">
																		<c:if test="${gCost==0 }">
																			<em>立即</em>
																			<i>抽奖</i>
																		</c:if>
																		<c:if test="${gCost!=0 }">
																			<em>${gCost }G</em>
																			<i>抽奖</i>
																		</c:if>
																			
																		</span>
																	</td>
																	<td>
																		<img src="${jiuGongGeEx3.awardImage }">
																		<span>${jiuGongGeEx3.awardName }</span>
																	</td>
																</tr>
																<tr>
																	<td>
																		<img src="${jiuGongGeEx6.awardImage }">
																		<span>${jiuGongGeEx6.awardName }</span>
																	</td>
																	<td>
																		<img src="${jiuGongGeEx5.awardImage }" >
																		<span>${jiuGongGeEx5.awardName }</span>
																	</td>
																	<td>
																		<img src="${jiuGongGeEx4.awardImage }">
																		<span>${jiuGongGeEx4.awardName }</span>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
												<div class="box-disk box-disk-bt">
													<i class="box-disk-edge bt-left">&nbsp;</i>
													<i class="box-disk-edge bt-right">&nbsp;</i>
												</div>
											</div>

												</div>
											</div>
											<div class="disk-tip-box" id="diskTipBox" style="display: none;">
												<div class="disk-tip">
													<p class="clearfix">
														<img src="../images/example/tip1.png" />
														<span class="tip-info">恭喜您！您中奖了！</span>
													</p>
													<p>
														<a href="javascript:void(0)" class="sure-btn ___closeBox">确定</a>
													</p>
												</div>
											</div>
											<div class="cont-article3 mt10">
												<div class="a-title">
													<h4>获奖用户</h4>
												</div>
												<div class="a-main clearfix">
													<div class="cont-wrapper">
														<div class="cont">
															<p>
																<a title="何武康" href="javascript:void(0);">何武康</a>
																<span><i>1</i>天前中了</span>
																<em>ipad</em>
															</p>
															<p>
																<a title="何武康" href="javascript:void(0);">何武康</a>
																<span><i>2</i>天前中了</span>
																<em>iphone</em>
															</p>
															<p>
																<a title="何武康" href="javascript:void(0);">何武康</a>
																<span><i>1</i>个月天前中了</span>
																<em>点卡</em>
															</p>
														</div>
													</div>
												</div>
											</div>
											<c:if test="${ruleList.size() > 0}">
											<div class="play-discribe">
												<div class="discribe-title">
													<h6>参与条件</h6>
												</div>
												<div class="discribe-content">
													<c:forEach var="rule" items="${ruleList}" varStatus="idx">
														<p>${idx.index+1}、${rule.memo}。</p>
													</c:forEach>
												</div>
											</div>
											</c:if>
											<div class="play-discribe">
												<div class="discribe-title">
													<h6>活动介绍</h6>
												</div>
												<div class="discribe-content1">
													<p>${active.introduce }</p>
												</div>
											</div>
										</div>
										<div class="play-aside fr">
											<div class="box-tp">&nbsp;</div>
											<div class="box-cont">
												<div class="cont-article">
													<div class="a-title mb10">
														<h4>主题游戏</h4>
													</div>
													<div class="a-main">
														<div class="section">
															<div class="img-wrapper fl">
																<img src="${resUrlPrefix }/images/example/e2.png" />
															</div>
															
															<div class="row">
																<span id="focusSpan">
																	<c:if test="${focus }" >
																		<a href="javascript:void(0);" target="_blank" class="no-care">已关注</a>
																	</c:if>
																	<c:if test="${!focus }" >
																		<a href="javascript:void(0);" target="_blank" onclick="focusMe()" class="care">关注</a>
																	</c:if>
																</span>
																<label>合作游戏：</label>
																<span>${active.gameName }</span>
															</div>
															<div class="row">
																<label>游戏类型：</label>
																<span>
																	<c:if test="${active.gameType == null or active.gameType=='' }">
																		无
																	</c:if>
																	<c:if test="${active.gameType != null and  active.gameType!='' }">
																		${active.gameType}
																	</c:if>
																
																</span>
															</div>
															
														</div>
														<div class="section mt10">
															<p>
																<label>游戏运营：</label>
																<span>
																<c:if test="${active.gameComOp == null or active.gameComOp=='' }">
																	无
																</c:if>
																<c:if test="${active.gameComOp != null and  active.gameComOp!='' }">
																	${active.gameComOp}
																</c:if>
																</span>
															</p>
															<p>
																<label>开发公司：</label>
																<span>
																<c:if test="${active.gameComRd == null or active.gameComRd=='' }">
																	无
																</c:if>
																<c:if test="${active.gameComRd != null and active.gameComRd!='' }">
																	${active.gameComRd}
																</c:if>
																</span>
															</p>
															<p>
																<label>游戏官网：</label>
																<span>
																<c:if test="${active.gameNet == '' or active.gameNet == null}">
																	无
																</c:if>
																
																<c:if test="${active.gameNet != null  and active.gameNet != ''} ">
																	<a href="${active.gameNet}" target="_blank">${active.gameNet}</a>
																</c:if>
																</span>
															</p>
															<p>
																<span>
																<c:if test="${active.gameChannel == null or active.gameChannel=='' }">
																	<a style="color: #717E86">游戏专区</a>
																</c:if>
																<c:if test="${active.gameChannel != null and active.gameChannel!=''}">
																	<a href="${active.gameChannel}" target="_blank">游戏专区</a>
																</c:if>
																<c:if test="${active.gameDown == null or active.gameDown == ''}">
																	<a style="color: #717E86;">游戏下载</a>
																</c:if>
																<c:if test="${active.gameDown != null and active.gameDown != ''}">
																	<a href="${active.gameDown }" target="_blank">游戏下载</a>
																</c:if>
																<c:if test="${active.gameBBS == null or active.gameBBS=='' }">
																	<a style="color: #717E86;">游戏论坛</a>
																</c:if>
																<c:if test="${active.gameBBS != null and active.gameBBS != ''}">
																	<a href="${active.gameBBS }" target="_blank">游戏论坛</a>
																</c:if>
																	<a href="http://hao.17173.com/gift-list.html?game_code=${active.gameCode }" target="_blank">发号平台</a>
																	<a href="http://17173.tv.sohu.com/list/?sc=${active.gameCode }" target="_blank">游戏视频</a>
																</span>
															</p>
														</div>
													</div>
												</div>
												<div class="cont-article1">
													<div class="a-title">
														<h4>游戏资讯</h4>
													</div>
													<div class="a-main">
														<c:forEach var="news" items="${gameNews }">
														<p><a href="http://${news.url }" title="${news.strValue }" target="_blank">${news.strValue }</a></p>
														</c:forEach>
													</div>
												</div>
												<div class="cont-article2">
													<div class="a-title">
														<h4>游戏视频</h4>
													</div>
													<div class="a-main">
														<ul class="clearfix">
															<c:forEach var="video" items="${videoInfoList }">
															<li>
																<a href="${video.videoLink}" target="_blank">
																	<img src="${video.videoPicLink }" width="120" height="70" />
																</a>
																<a href="${video.videoLink}" title="${video.videoTitle }" target="_blank">
																	${video.videoTitle }
																</a>
															</li>
															</c:forEach>
															
														</ul>
													</div>
												</div>
												</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- end update -->
						
						
						
						
						
					</div>
				</div>
							<!--end .main-con-right-->
						</div>
						<!--end .main-con-->
					</div>
			         <!--end #footer-->
				</div>
					<!--end #main-->
					<div id="footer">
			        	<div class="footer-nav">
			            	<ul class="footer-nav-group clearfix_2">
			                	<li class="co01">
			                    	<dl>
			                           <dt><a href="javascript:void(0);">新闻中心</a></dt>
			                           <dd><a href="javascript:void(0);">新网游</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">试玩</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">下载</a></dd>
			                           <dd><a href="javascript:void(0);">期待榜</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">排行</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">大观</a></dd>
			                        </dl>
			                    </li>
			                	<li class="co02">
			                    	<dl>
			                           <dt><a href="javascript:void(0);">游戏视频</a></dt>
			                           <dd><a href="javascript:void(0);">新游视频</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">播客</a></dd>
			                           <dd><a href="javascript:void(0);">魔兽视频</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">专题</a></dd>
			                        </dl>
			                    </li>
			                	<li class="co03">
			                    	<dl>
			                           <dt><a href="javascript:void(0);">FLASH小游戏</a></dt>
			                           <dd><a href="javascript:void(0);">网页游戏</a></dd>
			                           <dd><a href="javascript:void(0);">单机游戏</a></dd>
			                           <dd><a href="javascript:void(0);">上去玩玩</a></dd>
			                           <dd><a href="javascript:void(0);">电子竞技</a></dd>
			
			                        </dl>
			                    </li>                    
			                	<li class="co04">
			                    	<dl class="f3">
			                           <dt><a href="javascript:void(0);">互动社区</a></dt>
			                           <dd><a href="javascript:void(0);">百科</a></dd>
			                           <dd><a href="javascript:void(0);">公会</a></dd>
			                           <dd>&nbsp;</dd>
			                           <dd><a href="javascript:void(0);">读书</a></dd>
			                           <dd><a href="javascript:void(0);">博客</a></dd>
			                           <dd><a href="javascript:void(0);">微博</a></dd>
			                        </dl>
			                    </li>
			                	<li class="co05">
			                    	<dl>
			                           <dt><a href="javascript:void(0);">玩家中心</a></dt>
			                           <dd class="f3"><a href="javascript:void(0);">商城</a></dd>
			                           <dd><a href="javascript:void(0);">发号中心</a></dd>
			                           <dd>&nbsp;</dd>
			                           <dd class="f3"><a href="javascript:void(0);">招聘</a></dd>
			                           <dd><a href="javascript:void(0);">活动</a></dd>
			                           <dd class="f3"><a href="javascript:void(0);">帮助</a></dd>
			                        </dl>
			                    </li>
			                </ul>
			            </div>
			            <!--end .footer-nav--> 
			            <div id="copyright">
			            	©2001- 2012<a href="javascript:void(0);">http://www.17173.com/</a>All Rights Reserved.京ICP证030367号
			            </div>
					</div>
			      <!--end #wrapper-bottom-->
        	</div>
        	<!--end #wrapper--->
        </div>
        <!--end #wrapper-->
        <script>
	        if ($('.play-aside').height() < $('.play-main').height()) {
	            $('.play-aside .box-cont').css('height', $('.play-main').height() - 11);
	    	}
        </script>
	</body>
</html>


